<!doctype html>

<html>
	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1">
		<meta http-equiv="Content-Language" content="es-ES"/>		
		<link rel="stylesheet" href="../css/jquery.mobile.min.css" />
		<link rel="stylesheet" href="../css/Icons.css" />
		<link rel="stylesheet" href="../css/hobbyp.css" />

		<script src="../js/JQuery/jquery.min.js"></script>				
		<script src="../js/JQuery/jquery.mobile.min.js"></script>	
		<script src="../js/JQuery/jquery.form.js"></script>	
		<script src="../js/Comun.js"></script>
		<script src="../js/MySQLLib/MySQL.js"></script>
		<script src="../js/MySQLLib/BDEntity.js"></script>
		<script src="../js/phonegap/PGNavigation.js"></script>
		<script src="../js/Hobbyp.js"></script>	
			
		<script src="js/Config.js"></script>

		<title>Configuración</title>
	</head>
	<body>
		<div data-role="page" data-theme="c" id="pageNewsId">
			<div data-role="header" data-position="fixed"  class="headerLogo">				
				<select  id="lvHobbies" onchange="hobbypChange(this);" data-theme="c" >										
				</select>							
				<a href="javascript:hrefParams('../News/News.html');" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>							
			</div>
							
			<section data-role="content" >
				<form id="imageForm" name="imageForm" method="post" enctype="multipart/form-data">		
					<div data-role="fieldcontain">	   						
						<label for="file">Name:</label>	 		
						<input type="text" id="Name" name="Name"/>
					</div>
					<div data-role="fieldcontain">	   
						<a href="#popupMyPhoto" data-rel="popup" data-position-to="window" data-transition="fade"><img id="MyPhotoLittle" class="MyPhotoClass" src="" alt="My photo" style="width:30%"></a>						
						<div data-role="popup" id="popupMyPhoto" data-overlay-theme="b" data-theme="b" data-corners="false">
						    <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a><img class="MyPhotoClass" id="MyPhotoBig" src="" style="max-height:512px;" alt="my photo">
						</div>								
						<label for="file">Photo:</label>	 		
						<input type="file" id="file" name="file"/>
					</div>
					 <div data-role="fieldcontain">
						<label for="Country">Country:</label>
						<select id="Country" name="Country">
						</select>
					</div>
					<div data-role="fieldcontain">
						<label id="tituloCity" for="Title" class="labelMultiidioma">City:</label>	   					
						<input id="City" name="City" type="text" />
					</div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup" >
    	                    <legend>Gender:</legend>
         	                    <input type="radio" name="Gender" id="Gender_1" value="1" checked="checked" />
         	                    <label id="lblGender_1" class="labelMultiidioma" for="Gender_1" >Hombre</label>
         	                    <input type="radio" name="Gender" id="Gender_2" value="2"  />
         	                    <label id="lblGender_2" class="labelMultiidioma" for="Gender_2">Mujer</label>
                        </fieldset>
                    </div>	
					<div data-role="fieldcontain">
						<label id="tituloApunte" for="Title" class="labelMultiidioma">Age:</label>	   					
						<input id="Age" name="Age" type="text" />
					</div>		
					<div data-role="fieldcontain">
						<label id="tituloApunte" for="Title" class="labelMultiidioma">Email:</label>	   					
						<input id="Email" name="Email" type="text" />
					</div>	
					<div data-role="fieldcontain">
						<label for="Content">Recibir mensajes por email:</label>	   		
						<select id="RecibirMensajes">
							<option value="SI" selected="selected">Sí</option>
							<option value="NO">No</option>
						</select>
					</div>	
					<div data-role="fieldcontain">
						<label id="tituloPhone" for="Title" class="labelMultiidioma">Phone:</label>	   					
						<input id="Phone" name="Phone" type="text" />
					</div>													
					<div data-role="fieldcontain">
						<label for="ObservacionesHobbies">Estado:</label>	   		
						<textarea id="ObservacionesHobbies" name="ObservacionesHobbies"></textarea>
					</div>		
					<div data-role="fieldcontain">
						<a data-inline="true" data-role="button" data-theme="a" class="labelMultiidioma" href="javascript:btnSaveClick();" id="btnSave" >Enviar</a>       
						<a data-inline="true" data-role="button" data-theme="a" class="labelMultiidioma" href="#" data-rel="back" id="btnCancel">Cancel</a>
					</div>
				</form>									   
			</section>
			<div data-role="footer" class="footer-docs" data-theme="a"  data-position="fixed" >
				<div data-role="navbar" id="navbarId">
					<ul>
						<li><a class="labelMultiidioma ui-icon-news "         href="javascript:hrefParams('../News/News.html');" rel="external" data-ajax="false"  id="News" >News</a></li>
	    				<li><a class="labelMultiidioma ui-icon-diary "        href="javascript:hrefParams('../Diary/Diary.html');"  rel="external" data-ajax="false" id="Diary"    >Diary</a></li>
						<li><a class="labelMultiidioma ui-icon-messages "     href="javascript:hrefParams('../Messages/Messages.html');" rel="external" data-ajax="false" id="Messages" >Messages</a></li>	
						<li><a class="labelMultiidioma ui-icon-config"        href="javascript:hrefParams('../Friends/Friends.html');"   rel="external" data-ajax="false" id="Friends"   >Friends</a></li>
					</ul>
				</div>
			</div>		
		</div><!--/page-->		
	</body>
</html>

